<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="/WEB-INF/templates/default_template.xhtml">
            <ui:define name="contenido">
                <h:panelGrid cellspacing="15" width="100%">
                    <p:outputPanel>
                        <h:outputText value="#{perfilEpisodioBean.episodio.programa.nomPrograma}" styleClass="titulo" />
                        <h:outputText value=" > Ep. #{perfilEpisodioBean.codigo}" styleClass="subtitulo" />
                    </p:outputPanel>
                    <h:form id="formEpisodios">
                        <h:panelGrid columns="2" columnClasses="arriba, arriba ancho-total">
                            <p:menu>
                                <p:menuitem value="Guión" icon="ui-icon-disk" onclick="return onDevelop();" />
                                <p:menuitem value="Guión Técnico" icon="ui-icon-disk" />
                                <p:menuitem value="Plan de Rodaje" action="pretty:pre-plan-rodaje" icon="ui-icon-disk">
                                    <f:setPropertyActionListener target="#{planRodajeBean.codigo}" value="#{planRodajeBean.episodio.programa.codPrograma}" />
                                </p:menuitem>
                                <p:menuitem value="Regresar" action="pretty:episodios" icon="ui-icon-disk" >
                                    <f:setPropertyActionListener target="#{episodioBean.codigo}" value="#{perfilEpisodioBean.episodio.programa.codPrograma}" />
                                </p:menuitem>
                            </p:menu>
                            <p:outputPanel id="outputPanelOpciones">
                                <p:panel>
                                    <h:panelGrid cellspacing="5" width="100%">
                                        <h:outputText value="Plan de Rodaje" styleClass="subtitulo" />
                                        <p:commandButton value="Nueva Escena" action="#{perfilEpisodioBean.nuevo()}" update=":formEscena" oncomplete="registrar.show();" icon="icono-agregar" />
                                        <p:dataTable value="#{perfilEpisodioBean.escenas}" var="escena" paginator="true" rows="10" rowsPerPageTemplate="10,20,50" paginatorPosition="bottom" emptyMessage="No hay datos para mostrar" rowStyleClass="encima">
                                            <p:column headerText="Numero" width="50">
                                                <h:outputText value="#{escena.numEscena}" />
                                            </p:column>
                                            <p:column headerText="Fecha">
                                                <h:outputText value="#{escena.fecGrabacion}">
                                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                                </h:outputText>
                                            </p:column>
                                            <p:column headerText="Inicio">
                                                <h:outputText value="#{escena.fecGrabacionInicio}">
                                                    <f:convertDateTime pattern="HH:mm:ss" timeZone="GMT-5" />
                                                </h:outputText>
                                            </p:column>
                                            <p:column headerText="Fin">
                                                <h:outputText value="#{escena.fecGrabacionFin}">
                                                    <f:convertDateTime pattern="HH:mm:ss" timeZone="GMT-5" />
                                                </h:outputText>
                                            </p:column>
                                            <p:column headerText="Locación">
                                                <h:outputText value="#{escena.locacion.nomLocacion}" />
                                            </p:column>
                                            <p:column width="60">
                                                <p:commandButton title="Editar" oncomplete="registrar.show();" update=":formEscena" icon="icono-editar">
                                                    <f:setPropertyActionListener target="#{perfilEpisodioBean.escena}" value="#{escena}" />
                                                </p:commandButton>
                                                <p:commandButton title="Eliminar" icon="icono-eliminar" action="#{perfilEpisodioBean.eliminar(escena)}">
                                                    <p:confirm header="ELIMINAR ESCENA" message="Va a eliminar el registro. ¿Desea continuar?" icon="icono-eliminar" />
                                                </p:commandButton>
                                            </p:column>
                                        </p:dataTable>
                                    </h:panelGrid>
                                </p:panel>
                            </p:outputPanel>
                        </h:panelGrid>
                    </h:form>
                    <h:form id="formEscena">
                        <p:dialog widgetVar="registrar" header="SELECCIóN DE ESCENA" resizable="false" modal="true">
                            <h:panelGrid>
                           
                            </h:panelGrid>
                            <p:separator />
                            <h:panelGrid columns="2">
                                <p:commandButton value="GUARDAR" action="#{planRodajeBean.registrar()}" update=":formEpisodios:outputPanelOpciones :mensaje" icon="icono-guardar" />
                                <p:commandButton value="Cancelar" type="button" onclick="registrar.hide();" icon="icono-salir" />
                            </h:panelGrid>
                        </p:dialog>
                    </h:form>
                </h:panelGrid>
            </ui:define>
        </ui:composition>
    </body>
</html>
